<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		#div1{width: 200px; height: 100px; background-color: red;position: absolute; text-align: center; color: #fff; font-weight: bold;}
		#div2{width: 200px; height: 100px; background-color: yellow;position: absolute; text-align: center; font-weight: bold;}
	</style>
	<script src="Drag.js" type="text/javascript"></script>
	<script src="limitDrag.js" type="text/javascript"></script>
	<script type="text/javascript">
	//第四：new一个对象出来
	window.onload = function (){
		new Drag('div1');
		new limitDrag('div2');
	};

	</script>
</head>
<body>qqqqq
	<div id="div1">没有限制范围的拖拽</div>
	<div id="div2">有限制范围的拖拽</div>
</body>
</html>